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Head-up display: qualquer display 
transparente que apresente informações 
para o usuário sem que ele tenha que 
deslocar o olhar do seu ponto de foco 
principal. 
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Espaço na tela 


* Regras básica para a criação de HUD 


* (Ocupar o menor espaço de tela possível. 


* MENOS é MAIS. Cuidado com muita informação em pouco 


espaço. 


* Não encher a tela com informações desnecessárias. 


Para Wide screen (16:9) 


o 


Espaço na tela 


HUD no topo ou na base da tela. 


al. 


Para telas 4:3 


Hud à esquerda ou à direita ou pelos cantos da tela. 


Espaço na tela 


Se não for absolutamente necessário mostrar a informação na tela 
durante o jogo, coloque-a em outro lugar ou apresente-a de outra 


forma. 


* Ex: pequeno botão no HUD abre com informações ou opções 


que são raramente necessárias durante o jogo. 


Informação in-game 


* reduzir a quantidade de informação na interface [| colocar mais 


informação dentro das ações do jogo. 


* Ex: alterar a animação para demonstrar o cansaço do 


personagem (animações: enérgico, cansado e super cansado) 


* Obs: funciona para os casos em que o jogador não precisa de 


detalhes específicos (info numérica) 


Informação in-game 


* Mostrar a informação no HUD é mais fácil do que desenvolver 
mais conteúdo (animação) e mostrar informação de outro 


modo, mas o resultado seria muito melhor. 


* Ex: ícone no HUD que mostra o jogador carregando uma 


gem x colocar uma gem na mão do personagem. 


* Ex: alterar a animação para mostrá-lo carregando uma 
grande gem com as duas mãos. Isso seria muito mais 


caro, mas, também, mais divertido. 


Informação in-game 


e Selecionar os objetos dentro do jogo 


Exs: 


ao selecionar um objeto, pode-se mostrar seu preço e sua 
descrição. 

A expressão facial do personagem que revela seu humor, 
animações podem dar informação sobre a energia do 
personagem 

quando o personagem for selecionado, uma voz (ou balão de 


texto) pode comunicar ao jogador o que ele quer. 


menus pop-up 


* (Os menus pop-up são uma ótima opção para se manter a tela 
limpa, pois um clique num botão pode fazer aparecer uma tela 


inteira de informações sobre o personagem. 
* Ex: Ao clicar num botão no HUD, um objeto in-game pode ser 
selecionado e um menu pode surgir com a nova informação (o 


jogo pode pausar ou continuar no background). 


* Bom uso dos menus pop-up é para o tutorial. 


Conteúdo dinâmico 


* O HUD muda dependendo da situação de jogo, pois só a 


informação mais relevante para o momento é mostrada. 


* Ex: Ainformação sobre a saúde pode aparecer somente quando 
há perda, ou seja, o medidor fica na tela por um tempo curto e 
desaparece. Isso poupa espaço na tela e melhora a experiência 


do jogo. 


* Avaliar a interface e decidir quais são as informações importantes 


que devem ser mostradas o tempo todo. 


Combining Information 


º combinar informações para se ter menos objetos na tela. 


* Ex: num jogo de parque temático em que o jogador precisa 
administrar a felicidade do visitante, é relevante saber o status 


da felicidade e não os detalhes do que a proporcionou. 


e Escolhas feitas sobre o que mostrar num HUD tem a ver com a 


jogabilidade. 


Legibilidade 


Os elementos do HUD devem ser o menor possível, e devem ser 
“limpos” e legíveis. 
e testar essa condição de legibilidade, pois a má legibilidade 
pode fazer com que o jogador não leia a informação. 
não quebre a concentração do jogador por ser difícil ler algo 
no HUD. 
e teste o jogo na plataforma para a qual foi desenvolvido (não 
considere o HUD legível somente por avaliar a sua legibilidade 


durante o processo de criação). 
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Legibilidade 


e Checar o jogo na plataforma de destino. 


* num jogo para console || checar o resultado da arte na 


televisão. 


* Nem tudo o que parece “limpo” e legível no computador será 
assim na TV 


Ex: algumas cores são mais difíceis de serem percebidas na 
TV. 
* imagens pequenas podem parecer maiores do que o 


esperado. 


Movimento dos olhos 


* Informações importantes [! o jogador deve ser capaz de lê-las 


rapidamente. 
* O HUD deve comunicar a informação de forma “limpa” e 


rápida. 


Movimento dos olhos 


* Para o desenvolvimento do HUD, considere o movimento dos olhos do 


jogador: 


Onde ele estará olhando naquele determinado momento? Será 
fácil ou difícil ver a informação? 


Agrupar as informações similares ajuda o jogador a localizar as 
informações que precisa rapidamente, pois ele terá que olhar 
somente num lugar. 


Evite que o jogador tenha que cruzar o olhar sobre toda a 
interface para encontrar a informação desejada, pois isso toma 
tempo de jogo e pode ser bastante frustrante. 


* Ex: Ações de ataque, patrulha e guarda podem ficar 
agrupadas. 


facilidade de uso 


Um HUD bem projetado | fácil aprendizagem 


O jogador navega sem pensar muito. 


Em jogo para PC, observe a distância percorrida pelo mouse na 
tela e quantos cliques serão necessários para realizar uma ação 


comum. 


facilidade de uso 


e Use dicas visuais forem para ajudar o jogador a compreender a 
interface. 
* pequenas animações podem contribuir para a compreensão da 


funcionalidade de um botão. 


Se o jogador está gastando dinheiro pode ser importante 


sinalizar com um pop-up cada aquisição dentro do jogo. 


Cor, tamanho e movimento podem sinalizar o que é importante 


para o jogador. 


facilidade de uso 


e Organize a interface 


Ex: colocar a informação sobre o personagem do jogador de um 
lado e a informação do inimigo no lado oposto falicitará a busca 


da informação rapidamente. 


organização da informação por cor. 


Obs: o HUD deve ter o mesmo look and feel de todo o jogo. 


facilidade de uso 


adjustes no game-play 


* O projeto do HUD será muito afetado pelas mudanças feitas no 


gameplay durante o processo de desenvolvimento do jogo. 


* Se os desenvolvedores acharem necessário mostrar o número 


de inimigos no jogo, outros elementos podem ser necessários. 


* Se for permitido ao personagem pegar e carregar itens do jogo, 
será necessário adicionar essa funcionalidade ao HUD, pois 


esses itens deverão ser mostrados. 


adjustes no game-play 


* Na fase de prototipagem - testar a interface. 


* Aceite a ideia de que as alterações no HUD posteriores são 


muito prováveis. 


informação gráfica 


e Mostrar graficamente as informações. 
* Há muitas formas de tratar a informação como um ícone, quadro 


e outras alternativas gráficas. 


Ex: É mais interessante mostrar a informação numa barra do 


que com valor numérico. 


* Use uma visualidade que ajude o jogador a compreender melhor a 


informação no HUD. 


* Ex: em vez de usar palavras numa barra de status de saúde 
(high e Low), pode-se mudar a cor da barra de verde para 


vermelho . 


elementos padrão x elementos não-padrão 


e Conheça os HUDs concorrentes, pois os jogadores podem estar 
familiarizados com alguns tipos de HUDs em jogos similares ao 


desenvolvido pela equipe. 


* Jogue outros jogos do mesmo gênero e observe como foram 


projetados os HUDs. 


elementos padrão x elementos não-padrão 


* Use os padrões do gênero do seu jogo e alinhe-se a eles. 


* Quando há variação no padrão de uma interface seguido pela 


maioria dos jogos , pode ser exigido mais esforço do usuário. 


* Proponha inovações para o HUD, mas compare o tempo consumido 


para a adaptação com algo que já se sabe que funciona bem. 


* Se optar por inovar, não exagere! Mude um ítem, não mude 


todas as funcionalidades do menu. 
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